<!DOCTYPE html>
<html>
<head>
    <title>Dạ Yến</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="images/css/style.css"/>
    <script type="text/javascript" src="images/js/jquery-1.8.2.min.js" language="javascript"></script>
    <!--[if !lt IE 7]><![IGNORE[--><![IGNORE[]]> <link href="images/css/style.ie7.css" rel="stylesheet" type="text/css" /> <!--<![endif]-->
    <link rel="stylesheet" href="images/js/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="images/js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
    <style type="text/css">
        .nivo-controlNav{display: none !important;}
        .fancybox{ color: red; text-decoration: underline; }
    </style>

    <!-- Begin facy box-->
    <script type="text/javascript" src="images/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="images/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="images/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <!-- End facy box-->

    <script type="text/javascript">
        $(document).ready(function(){
            $("a.fancybox").fancybox({
                'transitionIn'  : 'none',
                'transitionOut' : 'none',
                'width'         : 430,
                'height'        : 300,
                'padding'       : 0,
                'showCloseButton' : false
            });
        });
    </script>

</head>
<body>
<div id="header">
    <div id="menu">
        <div class="menu">
            <ul class="nav">
                <li><a href="#">GIỚI THIỆU</a></li>
                <li><a href="#">SẢN PHẨM</a></li>
                <li><a href="#">NHÀ HÀNG</a></li>
                <li><a href="#">CHẾ BIẾN</a></li>
                <li><a href="#">KHUYẾN MÃI</a></li>
                <li><a href="#">TIN TỨC</a>
                    <div class="up"><img src="images/up.png" /></div>
                    <ul>
                        <li><a href="#">Yến sào Dạ Yến</a></li>
                        <li><a href="#">Nhà chim Dạ Yến</a></li>
                        <li><a href="#">Công dụng của Tổ yến</a></li>
                        <li class="navliend"><a href="#">Các loại tổ yến</a></li>
                    </ul>
                </li>
                <li><a href="#">LIÊN HỆ</a></li>
            </ul>
            <div class="patterntop"></div>
            <div class="patternbottom"></div>
            <div class="logo"><a href="#"><img src="images/logo.png" alt="Logo"/></a></div>
            <div class="form-login">
                <div class="register">
                    <img src="images/icon-message.png" alt=""/> <a href="#">Register</a>
                </div>
                <div class="login">
                    <img class="icon-up" src="images/icon-up.png" alt=""/>
                    <img height="16" src="images/icon-login.png" alt=""/> <a href="#">Đăng nhập</a>
                    <div class="form-login-02">
                        <form action="" method="post">
                            <span>Email:</span>
                            <input type="text" name="email" value=""/>
                            <span>Email:</span>
                            <input type="password" name="password" value=""/>
                            <input type="submit" value="Login"/>
                        </form>
                    </div>
                </div>
            </div>
            <div class="lineheadertop"></div>
            <div class="lineheaderbotom"></div>
            <div class="lineheadertop2"></div>
            <div class="lineheaderbotom2"></div>
        </div>
    </div>
</div>
<div id="content">
    <div class="maincontent">
        <div class="aboutandslide">
            <div class="maincontentleft fl">
                <div class="titleaboutus"><img src="images/titleaboutus.jpg" alt="About us"/></div>
                <div class="imgaboutus"><img src="images/aboutus.jpg" alt=""/></div>
                <div class="shortaboutus">
                    <p><a href="#">YẾN SÀO DẠ YẾN - ĐIỂM TỰA CHO SỨC KHỎE</a></p>
                    <p>
                        <a class="fancybox" href="#popup" title="">Click popup</a> Với trên 5 năm kinh nghiệm hoạt động trong lĩnh vực phân phối cũng như xây dựng, dẫn dụ chim yến vào nhà làm tổ. Dạ Yến hiện là thương hiệu đáng tin cậy khi nhắc đến mặt hàng tổ yến, công ty đang từng bước khẳng định ưu thế về chất lượng sản phẩm trên thị trường nhờ vào quy trình sản xuất khép kín.
                    </p>
                    <div style="display: none;">
                        <div id="popup">
                            <img class="logo-popup" src="images/logo-popup.png" alt="">
                            <p class="message">
                                Quý khách đã đăng ký tài khoản thành công
                                Vui lòng kiểm tra email để xác thực tài khoản
                                Xin cám ơn quý khách !
                            </p>
                            <p class="button-link">
                                <a href="" title="">Hủy</a>
                                <a href="" title="">Tiếp tục</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="readmore"><a href="#">XEM THÊM</a></div>
                <div class="bottomaboutusleft"><img src="images/bottomaboutusleft.png" alt=""/></div>
            </div>
            <div class="maincontentright fl">
                <div class="slider-wrapper theme-default">
                    <div id="slider" class="nivoSlider">
                        <a href="">
                            <img src="images/slide.jpg" data-thumb="images/slide.jpg" alt="Slide" width="441" height="485"/>
                            <div class="altslide">HÌNH ẢNH HOẠT ĐỘNG NHÀ XƯỞNG</div>
                        </a>
                        <a href="">
                            <img src="images/slide.jpg" data-thumb="images/slide.jpg" alt="Slide" width="441" height="485"/>
                            <div class="altslide">HÌNH ẢNH HOẠT ĐỘNG NHÀ XƯỞNG 2</div>
                        </a>
                        <a href="">
                            <img src="images/slide.jpg" data-thumb="images/slide.jpg" alt="Slide" width="441" height="485"/>
                            <div class="altslide">HÌNH ẢNH HOẠT ĐỘNG NHÀ XƯỞNG 3</div>
                        </a>
                     </div>
                </div>
                <div class="bottomaboutusright"><img src="images/bottomaboutusright.png" alt=""/></div>
            </div>
            <script type="text/javascript" src="images/js/nivo-slider/jquery.nivo.slider.js"></script>
            <script type="text/javascript">
                $(window).load(function() {
                    $('#slider').nivoSlider();
                });
            </script>
        </div>
    </div>
    <div class="maincontent">
        <div class="deals">
            <div class="dealsitem">
                <a href="#">
                    <img src="images/km-01.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
            <div class="dealsitem">
                <a href="#">
                    <img src="images/km-02.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
            <div class="dealsitem dealsitem-end">
                <a href="#">
                    <img src="images/km-03.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div class="footer">
        <div class="footeritem footeritem1">
            <div class="titlefooteritem">Giới thiệu</div>
            <div class="contentfooteritem">
                <span><a href="#">Yến sào dạ yến</a></span><br>
                <span><a href="#">Xây dựng dạ yến</a></span>
            </div>
        </div>
        <div class="footeritem footeritem2">
            <div class="titlefooteritem">Hệ thống</div>
            <div class="contentfooteritem">
                <span><a href="#">Điểm bán hàng</a></span><br>
                <span><a href="#">Nhà hàng</a></span><br>
                <span><a href="#">Thanh toán & giao hàng</a></span>
            </div>
        </div>
        <div class="footeritem footeritem3">
            <div class="titlefooteritem">Sản phẩm</div>
            <div class="contentfooteritem">
                <span><a href="#">Tổ yến</a></span><br>
                <span><a href="#">Yến sào</a></span>
            </div>
        </div>
        <div class="footeritem footeritem4">
            <div class="titlefooteritem">Chế biến</div>
            <div class="contentfooteritem">
                <span><a href="#">Công cụ của tổ yến</a></span><br>
                <span><a href="#">Công thức chế biến</a></span><br>
                <span><a href="#">Tin tức ngành yến</a></span><br>
                <span><a href="#">Sức khỏe</a></span>
            </div>
        </div>
        <div class="footeritem footeritem5">
            <div class="titlefooteritem">Tin tức</div>
            <div class="contentfooteritem">
                <span><a href="#">Hỏi đáp</a></span><br>
                <span><a href="#">Khuyến mãi</a></span><br>
                <span><a href="#">Chương trình liên kết</a></span>
            </div>
        </div>
        <div class="footeritem footeritem6">
            <div class="titlefooteritem">Tư vấn</div>
            <div class="contentfooteritem">
                <span><a href="#">Liên hệ</a></span><br>
                <span><a href="#">Tuyển dụng</a></span>
            </div>
        </div>
    </div>
</div>
<div id="bottom">
    <div class="bottom">
        <div class="top-bottom">
            <div class="top-bottom-left">
                <img class="logo-bottom" src="images/icon-logo-bottom.png" alt=""/>
                <div class="address-bottom">
                    <span class="name-company">Công ty tnhh dạ yến</span><br>
                    <span>Vp: số 31 đường 16, Him lam, Bình chánh, TpHCM</span><br>
                    <span>Tel: (08) 5431 9953 - Fax: (08) 5431 9954</span>
                </div>
            </div>
            <div class="top-bottom-right">
                <span class="phone-buy">Điện thoại đặt hàng</span>
                <img class="img" src="images/hot-line.png" alt=""/>
                <span class="phone">1800 58 58 44</span>
                <span class="slogan-01">Miễn phí gọi - Miễn phí giao hàng</span>
            </div>
        </div>
        <div class="bottom-bottom">
            <div class="address-left-right">
                <span class="name-province">Thành phố Hồ Chí Minh</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                    <ul class="list-province-right">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
            </div>
            <div class="address-left">
                <span class="name-province">Ha Noi</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
            </div>
            <div class="address-right">
                <span class="name-province">Da nang</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
                <div class="share-socical">
                    <a href=""><img src="images/youtube.png" alt=""/></a>
                    <a href=""><img src="images/googleplus.png" alt=""/></a>
                    <a href=""><img src="images/facebook.png" alt=""/></a>
                    <br>
                    <br>
                    <p href="#">&copy; 2013 Công ty TNHH  Dạ Yến, All Rights Reserved</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>